 page{background: #F7F7F7 !important;}
 .text-right{text-align: right;}
.all-box{min-height:300rpx;}

.topTab{
	border-bottom: 1rpx solid #F7F7F7;padding-bottom:30rpx;position: fixed;height:30rpx;left: 0;right: 0;top: 0;z-index: 100;background:white;
	.inner{display: flex;align-items: center;justify-content: flex-start;
	  .i-item{width:150rpx;text-align: left;font-size:28rpx;padding:0 29rpx;font-weight: bold;color: #888888;
	    &.topTabActive{color:#69a4fe;}
	  }
	}
}

.tab-view{
	position: fixed;top:0rpx;left: 0;right: 0;z-index: 100;background: white;padding:20rpx 0;
	.inner{
		display: flex;justify-content:space-between;align-items: center;flex-direction: row;padding:0 30rpx;
		.tab-bar-item{
		   .tab-bar-title{font-size: 28rpx;color: #888888;font-weight: bold;
		    &.active.active-color{
				color: #69a4fe;
				position: relative;
				&::after{
					position: absolute;
					width:40rpx;height:6rpx;background: #69a4fe;
					content: '';display: block;left: 50%;margin-left:-20rpx;bottom:-19rpx;
				}
			}
		   }
		}
	}
	
	
}
.carts-list{background: white;
.show-title{font-weight: bold;padding:20rpx;}
.right{padding: 20rpx;}
  .show-button{position: fixed;left: 0;right: 0;bottom:30rpx;text-align:center;
     button{width:300rpx;line-height:70rpx;font-size: 32rpx;display: inline-block;margin:20rpx;height:70rpx;}
	 .lossPay{background:#69A4FE;color: white;}
	 .close{background:#fff;color: white;border: 1px solid #D3D3D3;color: #888888;}
  }
}
.no-data-box{text-align: center;margin-top:250rpx;}
.main-content{margin-top:100rpx;margin-bottom: 250rpx;}
.special-order-page{
	.red-txt{
		color: #FF6052;
	}
	.bottom-line{
		border-bottom: 1rpx solid #f7f7f7;
	}
	.speci-desc{
		padding-top: 20rpx;
		line-height: 40rpx;
		font-size: 28rpx;
	}
	.pay-area{
		border-top: 1rpx solid #f7f7f7;
		padding-top: 26rpx;
		padding-bottom: 26rpx;
		.gopay-btn{
			height: 46rpx;line-height: 46rpx;border-radius: 28rpx;min-width:136rpx;font-size: 24rpx;text-align: center;
		}
	}
}
.online-order-page{font-size: 28rpx;margin-top: 30rpx;
     .cash-state{text-align: right;padding-right: 20rpx;line-height:50rpx;
	   &.blue{color: #69A4FE;;}
	   &.yellow{color:#FE9B69}
	 }
     .cash-inner{display: flex;align-items: center;flex-direction: row;
		 .left-part{width:80%;}
		 .right-part{width:25%;}
		 .price-val{color: red;}
		 .cash-item{padding:18rpx 20rpx;}
		 .iconfont{margin-right: 20rpx;}
		 .self.left-part{
			 padding-top:12rpx;padding-bottom: 12rpx;
			 .cash-item{padding:8rpx 20rpx;}
		 }
	 }
	.inner{margin:30rpx;background: white;border-radius:0px;padding-top: 20rpx;padding-bottom: 20rpx;
	    &.cash{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);}
		.top-row{display: flex;justify-content: space-between;margin-bottom: 20rpx;padding:0 20rpx;font-size:20rpx;
		  .left-side{ flex-grow: 1;
					  color: #222222;
					  font-size: 15px;
					  line-height: 44rpx;
					}
		  .right-text{color:#222 ; font-size:24rpx; line-height: 44rpx;}
		}
		.bottom-row{display: flex;align-items: center;justify-content: space-between;flex-direction: row;
		border-top: 1px solid #F7F7F7;margin-top: 20rpx;padding-top: 20rpx;padding-left: 20rpx;padding-right: 20rpx;
		  
		
		  .left-side{width:45%;
		     .price-val{color: red;}
			 .create-time{
				font-size: 24rpx;				
				text-align: left;
				color: #888888;
				line-height: 44rpx; 
			 }
		  }
		  
		  .right-action{
			  display: flex;flex-direction: row;
			  .btn-action{border: 1px solid #DDDDDD;border-radius:16rpx;padding:12rpx 16rpx;background: white;font-size:24rpx;margin-right: 10rpx;
			  &.blue{
				  background: #3894ff;color: white;border: 1px solid #3894ff;
			  }
			  }
		  }
		}
		
		.main-row{display: flex;flex-direction: row;padding-left: 20rpx;padding-right: 20rpx;
		  .main-img{
			  width:200rpx;height:200rpx;overflow: hidden;margin-right: 30rpx;
			  // background: #F7F7F7;
			  image{width: 100%;}
		  
		  }
		  .main-info{
			  width:460rpx;
			  
			  .name{font-weight: bold;margin-bottom: 20rpx;font-size: 32rpx;
					font-weight: Bold;
					text-align: left;
					color: #222222;
					// line-height: 22rpx;
				}
			  .desc{color: #888888;font-size: 24rpx;}
			  .rent_fee{
				  color:#69a4fe;
			  }
		  }
		 
		 }
	}
}


.upPubpay-box{
	width: 750rpx;
	height: 750rpx;
	background-color: #fff;
	border-radius:  16rpx 16rpx 0 0;
	overflow-y: auto;
	.title{
		font-size: 32rpx;
		font-weight: bold;
		text-align: center;
		padding: 40rpx;
		// position: absolute;
		// top: 20rpx;
		// z-index: 9;
	}
	.closs{
		position: absolute;
		top: 20rpx;
		right: 20rpx;
		font-size: 36rpx;
		z-index: 9;
	}
	
	.text{
		color: #808080;
		text-align: center;
		padding: 30rpx 0;
	}
	.content{
		width: 686rpx;
		margin: auto;
		background-color: #fff;
		// margin-top: 80rpx;
		
		.tip-box{
			width: 686rpx;
			background-color: #fff;
			margin: 20rpx auto;
			padding: 20rpx ;
			position: relative;
			
			.tip-btn{
				position: absolute;
				right: 8rpx;
				top: 120rpx;
				text-align: center;
				.txt{
					font-size: 24rpx;
				}
				
			}
			.tip-txt{
				display: flex;
				height: 80rpx;
				line-height: 80rpx;
				margin: 10rpx 0;
				.txt{
					width: 150rpx;
					
				}
				.input-box{
					input{
						width: 500rpx;
						height: 80rpx;
						background-color: #f2f2f2; 
						padding-left: 10rpx;
					}
				}
				
			}
		}
		
		.border-bottom{
			border-bottom: 2rpx solid #f2f2f2ff;
		}
	}
	.footer{
		display: flex;
		position: absolute;
		bottom: 20rpx;
		text-align: center;
		left: 32rpx;
		width: 686rpx;
		.btn{
			// width: 50%;
			padding: 20rpx 0;
			text-align: center;
			font-size: 32rpx;
			color: #fff;
			
		}
		.btn-close{
			border:2rpx solid #D3D3D3;
			border-radius:  16rpx 0 0 16rpx;
			background-color: #FF6052;
			// color: #fff;
		}
		.btn-comfir{
			background-color: #3894ff;
			border:2rpx solid #D3D3D3;
			border-radius: 16rpx  ;
			width: 100%;
		}
		
	}
}